<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
        content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <title>免费模板</title>
    <link rel="stylesheet" href="../css/animate.min.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/freeTemp.css">
</head>

<body>
    <div id="header">
        <div class="header-content">
            <div class="header-logo">
                <img src="../img/logo.png" alt="">
            </div>
            <ul class="header-menu">
                <li >
                    <a href="index.html">首页</a>
                </li>
                <li>
                    <a href="sample-library.html">样本服务</a>
                </li>
                <li class="cur">
                   <a href="freeTemp.html">免费模板</a>
                </li>
                <li>
                    <a href="platform-ques.html">问卷平台</a>
                </li>
                
                <li>
                    <a href="help-center.html">关于我们</a>
                </li>
            </ul>
            <div class="log-center">
                <span>登录</span> | <span>注册</span>
            </div>
            <div class="user-info" style="display: none;">
                <span>用户名</span> | <span>退出</span>
            </div>
            <div class="mb-log-info">
                <div class="mb-btn">
                    <img src="../img/mb-menu.png" alt="" class="mb-full">
                    <!-- <img src="../img/close.png" alt="" class="mb-colse"> -->
                </div>
                <ul class="mb-header-menu">
                    <li class="cur">
                        <a href="index.html">首页</a>
                    </li>
                    <li>
                        <a href="sample-library.html">样本服务</a>
                    </li>
                    <li>
                       <a href="freeTemp.html">免费模板</a>
                    </li>
                    <li>
                        <a href="platform-ques.html">问卷平台</a>
                    </li>
                    
                    <li>
                        <a href="help-center.html">关于我们</a>
                    </li>
                </ul>
                <div class="mb-log-center">
                    <span>登录</span> | <span>注册</span>
                </div>
                <div class="mb-user-info" style="display: none;">
                    <span>用户名</span> | <span>退出</span>
                </div>
            </div>
        </div>
    </div>
    <div id="banner">
        <img src="../img/freetemp-index.png" alt="">
        <div class="banner-search">
            <div class="search-box animate__animated animate__fadeInUp">
                <input type="text" name="" placeholder="输入关键词300000+免费模板任意搜索" id="search-input"><button>搜索</button>
            </div>
            <div class="search-keyword animate__animated animate__fadeInUp">
                <span>热门搜索：</span>
                <ul>
                    <li>人口普查</li>
                    <li>疫情防控</li>
                    <li>校园调查</li>
                    <li>员工满意度</li>
                </ul>
            </div>
            <!-- <button class="create-btn">+ 创建新的问卷</button> -->
        </div>
        <div id="sampleValuation" >
            <div class="gjHeader">
                <span>样本估算</span>
                <div class="samClose"></div>
            </div>
            <div class="samContent">
                <div class="typeItem">
                    <div class="typeTitle1">
                        <span>样本属性：</span>
                        <span>（可多选）</span>
                    </div>
                    <div class="typeList">
                        <div class="typeListItem">
                            <div class="itemLable">性别：</div>
                            <div class="itemItemList">
                                <div class="listBtn limit checked" data-type="SampleSex">不限</div>
                                <div class="listBtn" data-type="SampleSex">男</div>
                                <div class="listBtn" data-type="SampleSex">女</div>
                            </div>
                        </div>
                        <div class="typeListItem">
                            <div class="itemLable">学历：</div>
                            <div class="itemItemList Sample">
                                <div class="listBtn limit checked" data-type="SampleEducation">不限</div>
                                <div class="listBtn" data-type="SampleEducation">大专及以上</div>
                                <div class="listBtn" data-type="SampleEducation">大专以下</div>
                            </div>
                        </div>
                        <div class="typeListItem">
                            <div class="itemLable">年龄：</div>
                            <div class="itemItemList">
                                <div class="listBtn limit checked" data-type="SampleAge">不限</div>
                                <div class="listBtn" data-type="SampleAge">20岁以下</div>
                                <div class="listBtn" data-type="SampleAge">20-40岁</div>
                                <div class="listBtn" data-type="SampleAge">40岁以上</div>
                            </div>
                        </div>
                        <div class="typeListItem">
                            <div class="itemLable">城市：</div>
                            <div class="itemItemList">
                                <div class="listBtn limit checked" data-type="SampleCity">不限</div>
                                <div class="listBtn" data-type="SampleCity">一线城市</div>
                                <div class="listBtn" data-type="SampleCity">二线城市</div>
                                <div class="listBtn" data-type="SampleCity">三线城市</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="typeItem">
                    <div class="typeTitle">
                        <div class="typeLeft">
                            <span style="color:red;">*</span>
                            <span>题目数量：</span>
                        </div>
                        <div class="typeRight">
                            <div class="itemItemList2">
                                <div class="listBtn numTitle checked" data-type="QuestionNum">20题及以上</div>
                                <div class="listBtn numTitle" data-type="QuestionNum">20题以下</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="typeItem">
                    <div class="typeTitle">
                        <div class="typeLeft">
                            <span style="color:red;">*</span>
                            <span>回收数量：</span>
                        </div>
                        <div class="typeRight">
                            <div class="itemItemList2">
                                <input id="SampleNum" type="text" class="hsNum" placeholder="请填写回收数量">
                                <div class="hsNumError">请填写回收数量</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="samFooter">
                <div class="samOpreatBox">
                    <span style="color:red;margin-right:10px">*</span>
                    <div class="samOpreatItem checked" data-type="个人">
                        <div class="samlabel">
                            <div class="samRadio"></div>
                            <span>个人</span>
                        </div>
                        <input type="text" class="userNameInp samlabelInp" placeholder="请填写您的姓名">
                        <div class="samlabelInpError">请填写您的姓名</div>
                    </div>
                    <div class="samOpreatItem" data-type="企业">
                        <div class="samlabel">
                            <div class="samRadio"></div>
                            <span>企业</span>
                        </div>
                        <input type="text" class="samlabelInp" placeholder="请填写企业名称">
                        <div class="samlabelInpError">请填写企业名称</div>
                    </div>
                </div>
                <div class="tleBox">
                    <span style="color:red;font-size:18px">*</span>
                    <div class="tleLable">您的手机号码：</div>
                    <input type="text" class="tleInp" id="MobilePhone">
                    <div class="tleInpError">请填写您的手机号码</div>
                    <div class="gjBtn">估价</div>
                </div>
            </div>
        </div>
        <div class="sampleModel"></div>
        <div class="smapleInnerDialog">
            <div class="innerDialog">
                <div class="inner_dialog_title">
                    <div class="inner_close"></div>
                </div>
                <div class="inner_price">
                    <span>价格估算为：</span>
                    <span class="inner_price_num"></span>
                </div>
                <div class="inner_code">
                    <img class="codeImg" src="../img/scancode.png" alt="" />
                </div>
                <div class="inner_code_number">微信号：xxx</div>
                <div class="inner_code_copy" data-clipboard-text="18594982551">复制微信号</div>
                <div class="inner_tips">立即添加客服微信，获取详细报价</div>
            </div>
        </div>
    </div>
    <div id="content">
        <div class="content-title">选择鱼小数模板开始体验</div>
        <div class="content-cate">
            <h3>推荐模板</h3>
            <div class="cate-list">
                <span>行业：</span>
                <ul>
                    <li class='cur'>全部</li>
                    <li>HR行政</li>
                    <li>教育培训</li>
                    <li>IT互联网</li>
                    <li>公益组织</li>
                    <li>酒店餐饮</li>
                    <li>母婴亲子</li>
                    <li>美容美体</li>
                    <li>旅游出行</li>
                    <li>金融理财</li>
                    <li>汽车行业</li>
                    <li>运动健身</li>
                    <li>地产家装</li>
                    <li>党政公务</li>
                    <li>医疗卫生</li>
                    <li>其它</li>
                </ul>
            </div>
            <div class="cate-list">
                <span>行业：</span>
                <ul>
                    <li class='cur'>全部</li>
                    <li>问卷调查</li>
                    <li>满意度调查</li>
                    <li>投票评选</li>
                    <li>报名登记表</li>
                    <li>考试测评</li>
                    <li>品牌调查</li>
                    <li>广告调查</li>
                    <li>包装测试</li>
                    <li>概念测试</li>
                    <li>意见反馈</li>
                    <li>活动测试</li>
                    <li>名称测试</li>
                    <li>其它</li>
                </ul>
            </div>
        </div>
        <div class="content-container">
            <div class="cate-container">
                <div class="cate-box">
                    <div class="cate-img">
                        <img src="../img/temp1.png" alt="">
                    </div>
                    <div class="cate-title">
                        <span>党建100周年党史知识问答</span>
                        <img src="../img/five-icon.png" alt="">
                    </div>
                </div>
                <div class="cate-box">
                    <div class="cate-img">
                        <img src="../img/temp2.png" alt="">
                    </div>
                    <div class="cate-title">
                        <span>家长合作问卷调查</span>
                        <img src="../img/five-icon.png" alt="">
                    </div>
                </div>
                <div class="cate-box">
                    <div class="cate-img">
                        <img src="../img/temp3.png" alt="">
                    </div>
                    <div class="cate-title">
                        <span>大学生奋斗精神调查</span>
                        <img src="../img/five-icon.png" alt="">
                    </div>
                </div>
                <div class="cate-box">
                    <div class="cate-img">
                        <img src="../img/temp4.png" alt="">
                    </div>
                    <div class="cate-title">
                        <span>食堂就餐预约登记表</span>
                        <img src="../img/five-icon.png" alt="">
                    </div>
                </div>
                <div class="cate-box">
                    <div class="cate-img">
                        <img src="../img/temp5.png" alt="">
                    </div>
                    <div class="cate-title">
                        <span>居民营养健康知识问卷</span>
                        <img src="../img/five-icon.png" alt="">
                    </div>
                </div>
                <div class="cate-box">
                    <div class="cate-img">
                        <img src="../img/temp6.png" alt="">
                    </div>
                    <div class="cate-title">
                        <span>饮品新品满意度调查</span>
                        <img src="../img/five-icon.png" alt="">
                    </div>
                </div>
            </div>
            <div class="page-container mb-hide">
                <ul>
                    <li>上一页</li>
                    <li>1</li>
                    <li>2</li>
                    <li>3</li>
                    <li>4</li>
                    <li>5</li>
                    <li>6</li>
                    <li>7</li>
                    <li>8</li>
                    <li>下一页</li>
                </ul>
            </div>
            <div class="page-container mb-block">
                <button>更多+</button>
            </div>
        </div>
    </div>
    <div id="footer">
        <div class="footer-box">
            <ul class="footer-menu">
                <li class="footer-menu-master">服务内容</li>
                <li>
                    <a href="sample-library.html">样本库</a>
                </li>
                <li>
                    <a href="sample-library.html">网络投放</a>
                </li>
                <li>
                    <a href="platform-ques.html">问卷平台</a>
                </li>
                <li>
                    <a href="service.html">私有化部署</a>
                </li>
            </ul>
            <ul class="footer-menu">
                <li class="footer-menu-master">平台支持</li>
                <li>
                    <a href="freeTemp.html">免费模板</a>
                </li>
                <li>
                    <a href="siteMap.html">网站地图</a>
                </li>
                <li>
                    <a href="all-template.html">模板大全</a>
                </li>
            </ul>
            
            <ul class="footer-menu">
                <li class="footer-menu-master">公司介绍</li>
                
                <li>
                    <a href="help-center.html">关于我们</a>
                </li>
            </ul>
            <ul class="footer-menu mb-hide">
                <li class="footer-menu-master">联系我们</li>
                <li>
                    <a href="javascript:;">客服专线：<span>+86 17302032178</span></a>
                </li>
                
                <li>
                    <a href="javascript:;">客服邮箱：account@yuxshu.cn</a>
                </li>
                <li>
                    <img src="../img/scancode.png" alt="">
                   <img src="../img/scancode2.png" alt="">
                </li>
            </ul>
        </div>
        <div class="footer-mb-contact mb-block">
            <ul class=" ">
                <li class="footer-menu-master">联系我们</li>
                <li>
                    <a href="javascript:;">客服专线：<span>+86 17302032178</span></a>
                </li>
                
                <li>
                    <a href="javascript:;">客服邮箱：account@yuxshu.cn</a>
                </li>
                <li>
                    <img src="../img/scancode.png" alt="">
                   <img src="../img/scancode2.png" alt="">
                </li>
            </ul>
        </div>
        <div class="footer-copyright">
            鱼小数服务协议 隐私政策 免责声明 ©2013-2021 鱼小数网络科技有限公司 ICP证：渝ICP备2021005682号-1
            
        </div>
    </div>
</body>
<script src="../js/utils/jquery.min.js"></script>
<script src="../js/utils/wow.min.js"></script>
<script src="../js/common.js"></script>
<script src="../js/freeTemp.js"></script>

</html>